h1{font-size: 2em}

h2{font-size: 1.8em}

body{    position: relative;}

.container{margin:0 auto;}



.opage_container{margin:0 auto;}

@media(max-width: 1200px){

   .container{width: 94%;max-width:1100px;}

   h2{font-size: 1.6em}

   .opage_container{width: 96%;}



}



@media (min-width:1200px){

  .container{width: 90%;max-width:1600px;}

  .opage_container{max-width:1050px;}



}

@media (min-width:1600px){

  .container{width: 84%;max-width:1600px;}

  .opage_container{max-width:1200px;}

}



@media (max-width:767px) {

  .hidden_xs{display:none;}

  h2{font-size: 1.4em}

}



@media (min-width:768px) {

   .hidden_md{display:none;}

}





.display_table{display:table;width:100%;height:100%;}

.display_table_cell{display:table-cell;vertical-align:middle;word-break:break-all;height: 100%;}



/* ç¼“å†²åŠ¨ç”» */

.preloader{background-color:#f3f3f3;position:fixed;width:100%;height:100%;z-index:9999999;box-shadow:inset 0 0 100px 0 #E0E0E0;}

.preloader .preloader-img{width:100px;height:40px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-40px;margin-top:-40px}





/* å¤´éƒ¨ */

.header_wrap{display: table;}

.header {width: 100%; background: #fff; -webkit-transition: all .3s; transition: all .3s;}

.header_con{position: relative;}

.logo{position: absolute;left:0;top:15px;}

.logo img{max-width: 100%;max-height: 100%;}

.fixed {position: fixed;top: 0;}

.nav_bar ul li a{color: #333333;text-decoration: none;display: block;}

.nav_bar ul li.l1:hover .hid{display: block;}

.hid { display: none; position: absolute;left: 0;top: 70px;min-width:100%; -webkit-transition: all .3s;transition: all .3s;z-index: 2;}

.hid>ul{margin: 0 auto;text-align: center;position: relative;cursor: default;}

.hid>ul li{line-height:35px;font-size: 14px; text-align: left; display: block;position: relative; white-space: nowrap;text-overflow: ellipsis;background: #034ea1;}

.hid ul li a{display: block; width: 100%; padding:0px 18px;color:#fff;box-sizing: border-box;}

.nav>ul>li:hover .hid{display: block; }

.three_nav{display: none;  position: absolute;left:100%;top:0;-webkit-transition: all .3s; transition: all .3s;}

.hid>ul>li:hover .three_nav{display: block;  }

.hid>ul>li:hover a{background-color: #2a76ca!important;}

.hid>ul>li:hover>a{color: #ffffff!important;}

.hid>ul>li:hover .three_nav a{color: #fff;}

.three_nav a:hover{color: #ffffff!important;}



.call_number{font-size: 16px;}

.header.mini{padding:10px 0; background-color: #ffffff!important; box-shadow: 0 2px 6px rgba(0, 0, 0, .1); -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}

.nav>ul>li>a{color: #000000;}

.moblie_header.mini{box-shadow: 0 2px 6px rgba(0, 0, 0, .1); -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}



.header_right{max-width:calc(100% - 220px); text-align: right; -webkit-transition:all .3s;transition:all .3s}

.nav>ul>li{ position: relative;display: inline-block; padding:0 5px;margin:0 5px;  height:100%;vertical-align: top;}

.nav>ul>li>a{position: relative;  width: 100%; line-height:115px; display:block;text-align:center;font-size:14px;color:#000;-webkit-transition:all .3s;transition:all .3s}

.nav>ul>li.active,.nav>ul>li:hover{-webkit-transition: all 0.1s ease; transition: all 0.1s ease;}

.nav>ul>li.active a,.nav>ul>li:hover>a{color: #000;}





/* æœç´¢æ¡† */

.form_search{width: 37px; height: 24px;margin: 45px 10px 10px 10px;position: relative;-webkit-transition: all .3s;transition: all .3s;}

.form_search .btn_toggle{padding: 0 10px; width: 37px;height: 24px;background:url('../icon_search0.png') no-repeat center center;background-size: 17px;}

.search_box{display: none;height: 24px;line-height: 24px;background: #ffffff;border-radius: 15px; }

.search_box .search_input{font-size: 12px; display: block;background: none;border: 0; width: 170px;height: 24px;border:0;padding-right: 40px;padding-left: 10px;box-sizing: border-box; }

.search_box .btn_search{display: block; border: 0; position: absolute;right: 0;top: 0; width: 30px;height: 24px; background:url('../icon_search1.png') no-repeat center center;background-size: 17px;}

.form_search.active{width: 170px;}

.form_search.active .search_box{display: block;background-color:#f0f0f0;}



/* å•†åŸŽé“¾æŽ¥ */

.shop_link{margin:13px 10px;width: 110px;line-height: 24px; font-size: 12px; position: relative; text-align: center;border-radius: 50px;box-shadow: 0 1px 10px 1px #808080; background-image: -webkit-gradient(linear, left top, left bottom, from(#504e4e), to(#202020)); background-image: linear-gradient(#504e4e, #202020);color: #ffffff;}

.shop_link_btn{width: 100%;height: 100%;}

.icon_down{display: inline-block;width: 12px;height: 6px;margin-left: 5px;vertical-align: middle; background: url('../icon_down.png') no-repeat;background-size: 12px;}

.shop_link_list{display: none;z-index: 2; position: absolute;top:24px;left:0;width: 100%;background: #333333;text-align: center;}

.shop_link_list li{line-height: 30px;}

.shop_link_list li a{display: block;width: 100%;height: 100%;color: #ffffff;}

.shop_link_list li a:hover{color: #ffa072;}

/* è¯è¨€ */

.language_switch{margin:13px 10px 10px 10px;width: 48px;line-height: 24px;font-size: 12px; text-align: center;border-radius: 50px;box-shadow: 0 1px 10px 1px #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#202020)); background-image: linear-gradient(#585858, #202020);color: #ffffff; }

.language_switch a{display: block;width: 100%;height: 100%; color: #ffffff;}







/*ç§»åŠ¨ç«¯å¯¼èˆª*/

@media (max-width: 1024px) and (min-width: 0px){

  .container{box-sizing: border-box;}

  .header{display:none}

  .moblie_header{display:block;background:#fff;position:fixed;top:0px;left:50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);   width:100%;z-index:9999;padding:10px 0; }

  .moblie_header .fl img{height:30px}

  .moblie_header .fr a{display: block;width: 100%;height: 100%;}

  .moblie_header .fr a img{height:18px;vertical-align:middle;margin-top:6px;}

  .menu_box{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}

  .menu_box .menu_mark{position:absolute;width:100%;height:100%;background-color: rgba(0,0,0,0.8); /*background:#0b0d19;filter:alpha(opacity=0);opacity:0;*/left:0px;top:0px;z-index:1}

  .menu_box .btn_closed_box{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}

  .menu_box .menu_nav{position:absolute;width:50%;height:100%; overflow: auto; right:0px;top:0px;background:#333333;z-index:100;right:-80%}

  .menu_box .menu_nav>ul{padding-left:5%;padding-right:5%}

  .menu_box .menu_nav>ul>li{border-bottom:1px solid #b0b0b0;position: relative;}

  .menu_box .menu_nav>ul>li>a{height:45px;line-height:45px;font-size:16px;}

  .menu_box .menu_nav ul li a{display:block;width:100%; color:#bababa;padding-left:5%;font-size:14px;}

  .menu_box .menu_nav ul li.had_sonnav a{width: calc(100% - 45px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

  .menu_box .menu_nav ul li .plus{z-index: 2; width:45px;height: 45px;padding:14px; display: inline-block;position: absolute;right: 0;top:0px; background:url('../plus.png') center center no-repeat;-webkit-transition:all 0s;transition:all 0s}

  .menu_box .menu_nav ul li .plus_on{background:url('../reduce.jpg') center center no-repeat;-webkit-transition:all 0s;transition:all 0s}

  .menu_box .menu_nav ul li .child_nav{display:none;}

  .menu_box .menu_nav ul li .child_nav>li{line-height: 35px; position: relative;padding-left: 10px;box-sizing: border-box;}

   .menu_box .menu_nav ul li  .child_nav .plus{width: 45px;height: 35px;}

   .menu_box .menu_nav>ul>li.active>a{color: #ffffff;}

   .form_search{width: calc(100% - 90px);float: right;height: 30px;line-height: 30px;}

   .form_search .btn_toggle{display: none;}

   .search_box{width: 100%;display: block;height: 30px;line-height: 30px;}

   .search_box .btn_search{height: 30px;}

   .search_box .search_input{width: 100%;height: 30px;line-height: 30px;}

   .search_box .btn_search{width: 40px;}

   .phone_margin{height: 50px;}

}

@media (max-width: 767px) and (min-width: 0px){

  .menu_box .menu_nav{position:absolute;width:80%;}

}



@media(min-width: 1025px){

  .moblie_header,.menu_box{display: none;}

}



@media(max-width: 1200px){

}

@media (min-width:1025px) and (max-width: 1399px){

 .language_switch{float: none;position: absolute;right: 0;top:0;margin:13px 0;}

 .shop_link{float: none;position: absolute;right:60px;top:0;}

 .form_search{float: none;position: absolute;right: 200px;top:0;}

 .header_right{padding-top: 60px;float: none;width: 100%;max-width: 100%;text-align: center;}

 .nav{width: 100%;text-align: center; }

 .nav_pc{display: table;width: 100%;}

 .nav>ul>li{display: table-cell;}

 .nav>ul>li{ padding:0 1%;margin:0 1%;}

}



@media (min-width:1400px){

   .nav>ul>li{    padding: 0 3px; margin: 0 3px;}

   .nav>ul>li>a{font-size: 18px;}

}

@media (min-width:1600px){

  .nav>ul>li{    padding: 0 6px; margin: 0 6px;}

}





.footer{width: 100%;background: #000000;padding-top:4em;color: #ffffff;}

.footer_logo img{max-width: 100%;}

.footer_con{width: 100%; display:-webkit-box; display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;margin-top:2em;}

.erweima{width:150px;}

.erweima img{width:100%;}

.erweima p{font-size: 14px;text-align:center;padding-top:10px;padding-bottom:10px;}

.footer_con{margin-top: 2em;}



.footer_nav dt{margin-bottom:0.4em;}

.footer_nav dt a{color: #ffffff;}

.footer_nav dd{font-size:1em;}

.footer_nav dd a{color: #999999;}

.footer_nav a:hover{color:#ff5a00;}

.copyright {color: #999999;text-align:left;border-top:1px solid #616161;font-size: 14px;padding:6px 0;}





@media(max-width: 767px){

  .footer{padding-top:3em;}

  .footer_logo{width: 100%;text-align:center;}

  .footer_con{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}

  .footer_nav dl{width: 100%;}

  .footer_nav dt{width: 100%;border-bottom: 1px solid #4d4d4d;padding-bottom:4px;}

  .footer_nav dd{font-size:1em;display: inline-block;margin-right:10px;margin-bottom:10px;vertical-align: top;}

  .erweima{margin:2em auto;}

  .copyright {font-size: 12px;text-align:center;}

}



@media (min-width: 768px) and (max-width: 1023px){

 .footer_nav{padding-right: 4%; webkit-box-flex: 1;-webkit-box-flex: 1;flex: 1 1 0%; flex-wrap:wrap;display: -webkit-box;display: flex; -webkit-box-pack:justify;justify-content:space-between;}

 .footer_nav dl{width: 32%;margin-bottom: 2em;}

}



@media(min-width: 1024px){

  .footer_nav{padding-right: 4%; webkit-box-flex: 1;-webkit-box-flex: 1;flex: 1 1 0%;display: -webkit-box;display: flex; -webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;}

}



.tc{ text-align: center;}









.obanner{width: 100%;position: relative;}

.obanner_txt{position: absolute;width: 100%;height: 100%;top:0;left:0;color: #ffffff;}

.obanner_txt_wrap{height: 100%;}

.obanner_txt .zh_title{font-size: 2em;}

.obanner_txt .en_title{font-size: 1em;word-spacing: 8px;}

.obanner_txt .ps{font-size: 1.2em;margin-top: 1em;}





/* ä½ç½® */

.loacation{ padding:2em 0; line-height:25px;color:#999999;font-size: 12px;}

.loacation a{color:#999999;margin-right: 4px;}

.loacation a:hover{color:#000000;}

.loacation span{ color:#000000;}

@media (min-width: 768px){

.loacation{font-size: 14px;}

}



/* åˆ†é¡µ */

.pagenec{ padding:2em 0;}

.pagenec a{ display:inline-block;font-size: 14px; width:35px; border:1px solid #ddd; text-align:center; line-height:35px; background:#fff; margin:0 3px;}

.pagenec a.cur{ background:#333333; border-color:#333333; color:#fff;}

.pagenec2 p{width:50%; line-height:30px;float:left;}

.pagenec2 p:first-child{ text-align:left;}

.pagenec2 .sjp{ text-align:right;padding-right:110px;background:url(../images/sjj3.jpg) right no-repeat;}.screen{position:relative; overflow:hidden;}

.pagenec a.page_prev,.pagenec a.page_next{width: 50px;}



.sj_history {width: 100%;line-height:30px;height:30px;text-align: center;background: #fff;margin-bottom: 3%;}





.osub_type{margin:20px 0;width: 100%;text-align:center;}

.osub_type a{display: inline-block;vertical-align: middle; margin:2px 20px;color: #999999;font-size: 1.5em;}

.osub_type a:hover,.osub_type a.active{color: #000000;}

@media (max-width: 767px){

.osub_type a{margin:2px 10px;}

}



/* ä¸Šä¸‹ç¯‡ */

.article_page{margin:30px 0;width: 100%;display: -webkit-box;display: flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap: nowrap;}

.article_page a{display: inline-block;max-width: 46%;height: 30px;line-height:30px;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.article_page a:hover{color: #000000;}

@media (max-width: 767px){

.article_page{display: block;}

.article_page a{width: 100%;max-width: 100%;margin-bottom: 4px;height: 25px;line-height: 25px;}

}

/* è¿”å›žé¡¶éƒ¨ */

.sctop{position: fixed;bottom: 10%; right:10px;z-index: 22;display: none;}

.sctop img{width: 50px;}

@media (max-width: 767px){

  .sctop img{width: 35px;}

}



/* äº§å“åˆ—è¡¨é¡µ */

.oprodust_list{margin-bottom:2em;font-size: 0; display: block;width: 100%;}

.oprodust_list li{font-size: 16px; width:32%; display: inline-block;vertical-align: top; margin-right:2%; margin-top:20px;}

.oprodust_list li:nth-child(3n){ margin-right:0;}

.oprodust_list li .pic{ overflow: hidden;}

.oprodust_list li .pic img{ border-radius:5px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; border:solid 1px #CCCCCC;}

.oprodust_list li .tit1{ text-align:center; margin-top:5px;height:30px; line-height:30px;font-size:1em; overflow:hidden; color:#333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.oprodust_list li .tit2{ text-align:center; color:#999; line-height:25px; height:25px; overflow:hidden;}

.oprodust_list li a:hover .pic img{ border:solid 1px #014ea0;-webkit-transform: scale(1.1);transform: scale(1.1);}

@media (max-width: 420px){

  .loacation{ padding:1em 0;}

  .oprodust_list li{width: 100%;margin-right: 0;min-height: auto;}



}

/* äº§å“è¯¦æƒ…é¡µ */

.top_bar{background:#f6f6f6 url('../product_nav_bg.gif') no-repeat center bottom;}

.products_nav_wrap{padding:10px 50px;position:relative;}

.product_navs_cont{overflow:hidden; }

.product_navs>div .nav_img{text-align:center;}

.nav_imgt {width: 100%;text-align:center;}

.product_navs li .nav_img img{display: inline-block;max-width: 100%;max-height: 100%;}

.n_icons{width:18px;position:absolute;top:0;right:0;}

.product_navs li .nav_das{font-size:14px;color:#808080;text-align:center;margin-top:5px;}

.btn_swiper{background-image:url('../trigger_h_slide.gif');background-repeat:no-repeat;height:26px;width:26px;position:absolute;margin-top:-13px;top:50%;cursor:pointer;}

.arr_right{right:0;background-position:right bottom;}

.arr_left{left:0;background-position:left bottom;}

.trigger{padding:10px 0;text-align:center;cursor:pointer;margin-bottom:30px;}

.trigger del.up{background-position:center bottom;}

.trigger del{background-position:center top;}

.trigger del{display:block;height:10px;line-height:10px;background-image:url('../trigger_v_slide.gif');background-repeat:no-repeat;background-position:center top;}

.trigger .trigger_dis{line-height:14px;color:#a5a5a5;margin-top:6px;}



.nav_das{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;font-size: 1em;}

.btn_swiper.swiper-button-disabled {

    opacity:0.3;

    cursor: auto;

    pointer-events: none;

}

.n_icons{width: 18px;position: absolute;top: 0;right: 0;display: none;}

.n_icons img{width: 100%;}



.opro_detail_top_box{width: 100%;/* display: -webkit-box;display: flex;flex-wrap:nowrap; */ padding-top:30px;}

.opro_detail_top_box .opro_img_box{width:530px;float: left; }

.opro_detail_top_box .opro_info_box{/* -webkit-box-flex: 1;flex: 1 1 0%; */position: relative;}



.opro_img_box .swiper-container{width:100%;margin-left:auto;margin-right:auto;}

.opro_img_box .swiper-slide{background-size:cover;background-position:center;}

.gallery-top{width:100%;height:530px;}

.gallery-thumbs{width: 100%;height: 86px; box-sizing:border-box;padding:10px 35px;box-sizing: border-box;position: relative;}

.gallery-thumbs .swiper-slide{height:66px;opacity:0.4;border:1px solid #6a6a6a;}

.gallery-thumbs .swiper-slide-thumb-active{opacity:1;}



.opro_img_box {text-align:center;}

.opro_img_box .gallery-top img{display: inline-block;max-width: 100%;max-height:530px;}

.gallery-thumbs img{display: inline-block;max-width: 100%;max-height:66px;}

.opro_info_box{padding-left: 5%;padding-top: 5%;}

.opro_title{font-size: 1.6em;color: #333333;margin-bottom:1em;}

.opro_desc{font-size: 1em;color: #999999;margin-bottom:2em;}

.opro_buy_way a{display: inline-block;vertical-align: top; padding:4px 20px;background-color: #fc6655;color: #ffffff;font-size: 1em; margin-bottom: 4px;margin-right: 10px;}



#preview{width:100%;float:left;position:relative;padding:0;}

.jqzoom{height:450px;margin-bottom:10px;z-index:99;box-sizing:border-box;position:relative;text-align:center;}

.jqzoom img{ max-width: 100%;max-height:100%;display:inline-block;}

#spec-n5{width:100%;position:relative;}

#spec-list{width:calc(100% - 72px);overflow:hidden;padding: 10px 0px;margin:0 auto;}

#spec-list ul{height:92px;}

.zoomdiv{z-index:99999;position:absolute;top:0px!important;left:101%!important;width:400px;height:400px;background:url(../loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden;}

.list-h li{float:left;}

#spec-list ul li{float:left;margin-right:0px;display:inline;width:92px;height:90px;text-align:center;}

#spec-list ul{padding:0;}

#spec-list ul li img{padding:2px;border:1px solid #ccc;width:86px;height:86px;}

/*jqzoom*/

.jqzoom{position:relative;padding:0;overflow:hidden;text-align:center;}

.bigimg{width:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list div{margin-top:0;*margin-left:0;}

.pro_con{margin-bottom:30px;}

.right_info{width:500px;}

.pro_de_title h1{font-size:22px;color:#333;font-weight:normal;line-height:36px;border-bottom:1px dashed #ddd;padding-bottom:10px;/*margin-bottom:20px;*/

}

.pro_de_info{height:200px;overflow:hidden;margin-bottom:20px;font-size:14px;line-height:22px;color:#666;border-bottom:1px dashed #ddd;padding-bottom:10px;margin-bottom:30px;}

.products_detail_right{margin-left:20px;}

.products_detail_right p{color:#333;line-height:22px;}

.tab_detail .hd{height:47px;border-bottom:solid 1px #ddd;margin-bottom:20px;font-size:14px;_height:45px;_position:relative;}

.tab_detail .hd ul{padding-left:0px;}

.tab_detail .hd ul li{float:left;cursor:pointer;border:solid 1px #ddd;margin-left:-1px;margin-right:10px;}

/*.tab_detail .hd ul li:last-of-type{border-right:1px solid #ddd;}

*/

.tab_detail .hd ul li a{white-space:nowrap;padding-left:35px;padding-right:35px;height:45px;line-height:45px;display:block;text-align:center;border-bottom:none;color:#494949;background:#fff;_display:inline-block;font-size:16px;}

.tab_detail .hd ul li a:hover{text-decoration:none;}

.tab_detail .hd ul li.on a{color:#fff;height:45px;line-height:45px;background:#0d6782;}

.pro_liuyan .pro_liuyan_title{height:65px;text-align:center;font-size:22px;line-height:65px;background:#0d6782;color:#fff;margin-bottom:25px;}

.pro_detail{min-height:400px;}

.form_title{background:#0d6782;width:100%;margin-bottom:20px;height:50px;line-height:50px;border-radius:5px;text-align:center;color:#fff;font-size:18px;}





@media (min-width:0px) and (max-width:320px) {

 .opro_detail_top_box{display: block;}

 .opro_info_box{padding-left: 0;padding-top: 5%;}

 .opro_detail_top_box .opro_img_box{width:100%; }

 .gallery-top{width:100%;height:280px;}

 .opro_img_box .gallery-top img{max-height:280px;}

}



@media (min-width:321px) and (max-width:639px) {

 .opro_detail_top_box{display: block;}

 .opro_info_box{padding-left: 0;padding-top: 5%;}

 .opro_detail_top_box .opro_img_box{width:100%; }

 .gallery-top{width:100%;height:320px;}

 .opro_img_box .gallery-top img{max-height:320px;}

}



@media (min-width:640px) and (max-width: 1023px){

 .opro_info_box{padding-left: 5%;padding-top: 5%;}

 .opro_detail_top_box .opro_img_box{width:350px;float: left; }

 .gallery-top{width:100%;height:350px;}

 .opro_img_box .gallery-top img{max-height:350px;}

 .jqzoom{height:350px;}

  .opro_detail_top_box .opro_info_box{width: calc(95% - 350px); float: left;}

}



@media (min-width:1024px) and (max-width: 1300px){

 .opro_info_box{padding-left: 5%;padding-top: 5%;}

 .opro_detail_top_box .opro_img_box{width:530px; }

 .gallery-top{width:100%;height:500px;}

 .opro_img_box .gallery-top img{max-height:500px;}

}



@media(min-width:768px) and (max-width:1199px){#preview{float:none;margin:20px auto;}

.products_detail_right{width:100%;float:none;}

}





@media (min-width:1025px){

  .opro_img_box{float: left;}

  .opro_detail_top_box .opro_info_box{width: calc(95% - 530px); float: left;}

  .jqzoom{height:450px;}

}





.opro_detail_select_tabs{width: 100%;margin-top: 2em; background-color:#eae9e6;padding-top: 1.5em;}

.opro_detail_select_tabs .select_tab{cursor: pointer; display: inline-block;vertical-align: top; padding:10px 22px;margin-right: 4px;background-color: #999999;color: #ffffff;}

.opro_detail_select_tabs .select_tab.active{background-color: #ffffff;color: #333333;}

.opro_detail_select_tabpanes{margin-top: 2em;margin-bottom: 2em; }

.opro_detail_select_tabpanes .select_tabpane{min-height: 300px; width: 100%; font-size: 1em;color: #333333;display: none;}

.opro_detail_select_tabpanes .select_tabpane.active{display:block;}

.opro_detail_select_tabpanes .select_tabpane img{display: block;width: 100%;}

@media(max-width: 768px){

   .opro_detail_select_tabs{font-size: 0;}

  .opro_detail_select_tabs .select_tab{padding:4px 7px;font-size: 12px;}

  .opro_detail_select_tabpanes{margin-top: 1em;}

}



/* æ–°é—»åˆ—è¡¨é¡µ */

.news_list{margin-top: 2em; display:-webkit-box; display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;}

.news_list li{ -webkit-transition: all .3s;transition: all .3s; display:-webkit-box; display:flex;-webkit-box-align: center;align-items: center;  width: 49%;margin-bottom: 2%; background: #333333;padding:20px 10px;box-sizing: border-box;}

.news_list li .pub_date{width: 10%;min-width: 70px;max-width: 140px;text-align: center;color: #999999; font-size: 14px; }

.news_list li .pub_date .d{font-size: 3em;}

.news_list li .pub_date .y_m{font-size: 1em;}

.news_list li .article_info{/* font-size: 14px;   */padding:0 3%;border-left:1px solid #c2c1c1; -webkit-box-flex: 1;flex: 1 1 0%;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}

.news_list li .article_info .article_tit{ font-size: 1.4em;color: #333333;margin-bottom: 0.3em;  }

.news_list li .article_info .article_desc{ font-size: 1em;color: #999999;margin-bottom: 0.4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

.news_list li a{display: block;width: 100%;height: 100%;color: #d9d9d9; position: relative;display: block; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;

    overflow: hidden;overflow: hidden;text-overflow: ellipsis;}

/* .news_list li a::before {content: '';width: 0;height: 1px;background: #333333;position: absolute;bottom: 0px;-webkit-transition: all .3s;transition: all .3s;} */

.news_list li:hover a{color: #ffffff;}

/* .news_list li:hover a::before{width: 100%;} */

.news_list li:hover{box-shadow: 4px 4px 10px 2px #dadada;}

.news_list li:hover .pub_date{color: #dddddd;}



@media (max-width: 767px){

  .news_list li{padding:10px;margin-bottom: 10px;}

  .news_list li .article_info .article_tit {  font-size: 1.2em;}

  .news_list li .pub_date .d{font-size:1.5em;}

  .news_list li .pub_date .y_m {font-size: 0.8em;}

  .news_list li .article_info .article_desc{-webkit-line-clamp: 1;}

}



@media (min-width: 768px) and (max-width: 1024px){

  .news_list li .article_info .article_desc{-webkit-line-clamp: 2;}

  .news_list li{padding:10px;}

  .news_list li .pub_date .d{font-size:1.8em;}

}

.onews_list .news_list li{width: 100%;}

@media (min-width: 768px){

  .onews_list   .news_list li .article_info .article_desc{    -webkit-line-clamp: 2;}

}

/* æ–‡ç« è¯¦æƒ… */

.oarticle_box{margin-top: 20px;}

.oarticle_title{font-size: 1.5em;margin-bottom:4px;color: #101010;text-align:center;}

.oarticle_pub{font-size:12px;margin-bottom:4px;color: #999999;text-align:center;}

.oarticle_detail{margin:20px 0;width: 100%;font-size: 1em;min-height: 400px;}

.oarticle_detail img{height: auto!important;}